<template>
	<view class="block flex-row justify-between">
		<u-avatar :src="img" mode="square" size="132"></u-avatar>
		<view class="right flex-col justify-between">
			<view class="u-line-1 name">{{name}}</view>
			<view class="u-line-1">
				<text>服务案例:</text>
				<text class="on">{{anli}}</text><text>个</text>
				<text class="gap"></text>
				<text>服务雇主:</text>
				<text class="on">{{guzhu}}</text><text>家</text>
			</view>
			<view class="u-line-1">
				<text>成交额:</text>
				<text class="on">{{chengjiao}}</text>
				<text class="gap"></text>
				<text>评分:</text>
				<text class="on">{{score}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			img: {
				type: String,
				default: ''
			},
			name: {
				type: String,
				default: ''
			},
			anli: {
				type: Number,
				default: 0
			},
			guzhu: {
				type: Number,
				default: 0
			},
			chengjiao: {
				type: [Number,String],
				default: 0
			},
			score: {
				type: String,
				default: ''
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.right {
		width: 512rpx;
		height: 132rpx;

		.name {
			font-size: 32rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 800;
			color: rgba(51, 51, 51, 1);
		}

		text {
			font-size: 22rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(153, 153, 153, 1);
			
			&.on {
				color: #EEBC80;
			}
			
			&.gap {
				padding: 16rpx;
			}
		}
	}
</style>
